<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>12306</title>
	<link rel="stylesheet" href="css/memberOld.css">
  <script src = "jquery/jquery.min.js"></script>
</head>
<body>
	     <div id="bissDiv">
	     	     <div class="header">


                        	  <!-- 头部内容 -->
            <div id="header-con">
                <a href="homepage.jsp" id="logo2x">
                    <img src="images/logo@2x.png" alt="">
                </a>
                <!-- 搜索框 -->
                <div id="search">
                    <div id="search-con">
                        <input type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" id="searchText" name="searchs">
                        <input type="image" src="images/search.png" id="search-img">
                    </div>
                </div>
                <!-- 右侧菜单 -->
                <ul id="topMenu">
                    <li id="heart_schema">
                         <a href="">
                            爱心模式
                        </a>
                    </li>
                    <li class="menu-line">|</li>
                    <li id="Englishs">
                        <a href="">
                            <span >English</span>
                        </a>
                        <ul id="EnglishSlide">
                            <li>
                                <a href="">简体中文</a>
                            </li>
                            <li>
                                <a href="">English</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-line">|</li>
                    <li id="myslide">
                        <a href="">
                            <span >我的12306</span>
                        </a>
                        <ul id="my12306">
                            <li>
                                <a href="">火车订票</a>
                            </li>
                            <li>
                                <a href="">候补订单</a>
                            </li>
                            <li>
                                <a href="">计次•定期票订单</a>
                            </li>
                            <li>
                                <a href="">约号订单</a>
                            </li>
                            <li>
                                <a href="">本人车票</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">我的餐饮•特产</a>
                            </li>
                            <li>
                                <a href="">我的保险</a>
                            </li>
                            <li>
                                <a href="">我的会员</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">查看个人信息</a>
                            </li>
                            <li>
                                <a href="">账户安全</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">乘车人</a>
                            </li>
                            <li>
                                <a href="">地址管理</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">温馨服务查询</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-line">|</li>
                    <li id="a-black">
                        您好，请<a href="login.jsp">登录</a>
                        <a href="register.jsp">注册</a>
                    </li>
                </ul>
            </div>
                        </div>
                        <div class="titleBar">
                        	
                                  <div class="titleBarOne">
                                  	     <ul>
    			                		 	<li>
    			                		 	<a href="homepage.jsp">首页</a>
    			                		 	</li>
    			                		 	<li class="ticket">
    			                		 	<a href="">车票</a><span><img src="images/n_arrow.gif" class="n_arrow"></span>
    			                		 	</li>
    			                		 	<li class="serv">
    			                		 	<a href="">团购服务</a><span><img src="images/n_arrow.gif" class="n_arrow"></span>
    			                		 	</li>
    			                		 	<li class="membership">
    			                		 	<a href="">会员服务</a><span><img src="images/n_arrow.gif" class="n_arrow"></span>
    			                		 	</li>
    			                		 	<li class="station">
    			                		 	<a href="">站车服务</a><span><img src="images/n_arrow.gif" class="n_arrow"></span>
    			                		 	</li>
    			                		 	<li class="business">
    			                		 	<a href="">商旅服务</a><span><img src="images/n_arrow.gif"  class="n_arrow"></span>
    			                		 	</li>
    			                		 	<li class="travel">
    			                		 	<a href="">出行指南</a><span><img src="images/n_arrow.gif" class="n_arrow"></span>
    			                		 	</li>
    			                		 	<li class="information">
    			                		 	<a href="">信息查询</a><span><img src="images/n_arrow.gif" class="n_arrow"></span>
                		 	        </li>
                		               </ul>
                                  </div>
                        </div>
                        <div class="midden">
                        	       <div class="middens">
                        	       	     <div class="middensOne">
                                              <ul>
                                                   <li><a href=""><img src="images/home.png" ></a></li>
                                                   <li>></li>
                                                   <li><a href="">会员服务</a></li>
                                                   <li>></li>
                                                   <li><a href="">会员中心</a></li>
                                                   <li>></li>
                                                   <li><a href="">个人信息</a></li>
                                              </ul>
                                       </div>     
                        	       </div>
                                 <div class="middle">
                                       <div class="middleOne">
                                              <div class="middleOnes">
                                                     <h4><a href="">会员中心</a></h4>
                                              </div>
                                              <div class="middleOnesOne">
                                                    <dl>
                                                        <dt><img src="images/arw2.png">&nbsp;&nbsp;会员管理</dt>
                                                        <dd><a href="">个人信息</a></dd>
                                                        <dd><a href="">会员等级</a></dd>
                                                        <dd><a href="">账户安全</a></dd>
                                                    </dl>
                                                    <dl>
                                                        <dt><img src="images/arw2.png">&nbsp;&nbsp;积分账户</dt>
                                                        <dd><a href="">积分查询</a></dd>
                                                        <dd><a href="">积分补登</a></dd>
                                                    </dl>
                                                    <dl>
                                                        <dt><img src="images/arw2.png">&nbsp;&nbsp;积分兑换</dt>
                                                        <dd><a href="">受让人管理</a></dd>
                                                        <dd><a href="">兑换车票</a></dd>
                                                    </dl>
                                                    <dl>
                                                       <dt class ="isNow"><a href="">会员专享</a></dt>
                                                    </dl>
                                                     <dl>
                                                        <dt><img src="images/arw2.png">&nbsp;&nbsp;帮助中心</dt>
                                                        <dd><a href="">会员须知</a></dd>
                                                        <dd><a href="">关于会员</a></dd>
                                                        <dd><a href="">关于积分</a></dd>
                                                    </dl>
                                              </div>
                                       </div>
                                       <div class="middleTwo">
                                                    <div class="middleTwos">
                                                              <div class="middleTwosOne">
                                                                      <ul>
                                                                          <li class="TwosOne"></li>
                                                                          <li>基本信息</li>
                                                                      </ul>
                                                              </div>
                                                              <div class="middleTwosTwo">
                                                                     <div class="middleTwosTwoOne">
                                                                       <div class="middleTwosTwoOnes">
                                                                              <p>姓名:<span>性别:</span></p>
                                                                             <p>证件类型:<span>证件号码:</span></p>
                                                                             <p>电子邮件:<span>手机号:</span></p>
                                                                             <p>会员状态:</p>
                                                                       </div>        
                                                                     </div>
                                                              </div>  
                                                    </div>
                                       </div>
                                 </div>
                                 <div class="middleEnd">
                                          <div class="middleEnds">
                                                   <img src="images/ad02.png" width="200px" height="100px">
                                          </div>  
                                 </div>
                        </div>
                         <div class="end">
                          <div class="endOnly">
                             <div class="endOne">
                                  <div>
                                     <p>&nbsp;&nbsp;&nbsp;&nbsp;友情链接</p>
                                  </div>
                                  <div class="endImg">
                                      <p><a href=""><img src="images/link05.png" alt=""></a> <a href=""><img src="images/link02.png" alt=""></a></p>
                                  </div>
                                  <div class="endImg2">
                                      <p><a href=""><img src="images/link03.png" alt=""></a> <a href=""><img src="images/link04.png" alt=""></a></p>
                                  </div>
                             </div>
                              <div class="endTwo">
                                            <div class="endTwoOne">
                                          <ul>
                                              <li>中国铁路官方微信</li>
                                              <li>中国铁路官方微博</li>
                                              <li>12306公众号</li>
                                              <li>铁路12306</li>
                                            </ul>
                                            </div>
                                            
                                            <div class="endTwos">
                                              <ul>
                                              <li><img src="images/zgtlwb.png" alt=""></li>
                                              <li><img src="images/zgtlwb.png" alt=""></li>
                                              <li><img src="images/public.png" alt=""></li>
                                              <li><img src="images/downloads.png" alt=""></li>
                                              </ul>
                                            </div>
                                            
                              </div>
                          </div>     
                        </div>
    
                        <div class="ends">
                                 <div class="endsOne">
                                      <p>版权所有&copy2008-2022中国铁道科学研究院集团有限公司</p>
                                 </div>
                                 <div class="endTwo">
                                      <p><img src="images/gongan.png">公安 京公网安备 11010802038392号 | 京ICP备05020493号-4 | ICP证：京B2-20202537</p>
                                 </div>
                                 <div class="endsImg">
                                        <img src="images/footer-slh.jpg" alt="">
                                 </div>
                        </div> 
                         <div class="titleBarTwo">
                                       <div class="titleBarTwos">
                                         <div class="titleBarTwo_One">
                                                     <ul>
                                                     <li>购买</li>
                                                     <li><a href="one-way.jsp">单程</a></li>
                                                     <li><a href="transit.jsp">中转换乘</a></li>
                                                  </ul>          
                                         </div>
                                         <div class="titleBarTwo_Two">
                                                  <ul>
                                                     <li>往返</li>
                                                     <li><a href="">计次票变更</a></li>
                                                   
                                                   </ul>  
                                         </div>
                                         <div class="titleBarTwo_Three">
                                            <ul>
                                                 <li>变更</li>
                                                 <li><a href="">退票</a></li>
                                                 <li><a href="">变更到站</a></li>
                                            </ul>
                                         </div>
                                         <div class="titleBarTwo_four">
                                           <ul>
                                            <li><a href="">改签</a></li>
                                           </ul>
                                         </div>
                                          <div class="titleBarTwo_five">
                                            <ul>
                                                <li>更多</li>
                                                <li><a href="">中铁银通卡</a></li>
                                                <li><a href="">市郊快速铁路</a></li>
                                            </ul>
                                         </div>
                                         <div class="titleBarTwo_six">
                                             <ul>
                                                <li><a href="">广九直通车</a></li>
                                                <li><a href="">国际列车</a></li>
                                             </ul>
                                         </div>
    
                                       </div>
                                  </div> 
                                     <div class="titleBarThree">
                                               <div class="titleBarThrees">
                                                       <div class="titleBarThree_One">
                                                           <ul>
                                                              <li><a href="">务工人员</a></li>
                                                           </ul>
                                                       </div>
                                                       <div class="titleBarThree_Two">
                                                           <ul>
                                                              <li><a href="">学生团体</a></li>
                                                           </ul>
                                                       </div>
                                               </div>
                                       </div>
                                       <div class="titleBarFour">
                                         
                                               <div class="titleBarFours">
                                                     
                                                     <div>
                                                          <ul>
                                                            <li><a href="memberService.jsp">会员管理</a></li>
                                                          </ul>
                                                     </div>
                                                     <div>
                                                          <ul>
                                                            <li><a href="memberService.jsp">积分账户</a></li>
                                                          </ul>
                                                     </div>
                                                     <div>
                                                          <ul>
                                                            <li><a href="memberService.jsp">积分兑换</a></li>
                                                          </ul>
                                                     </div>
                                                     <div>
                                                        <ul>
                                                            <li><a href="memberService.jsp">会员专享</a></li>
                                                        </ul>
                                                     </div>
                                                     <div>
                                                         <ul>
                                                            <li><a href="#">会员中心</a></li>
                                                          </ul>
                                                     </div>


                                               </div>
    
                                       </div>
                                       <div class="titleBarfive">
                                             
                                              <div class="titleBarfives">
                                                    <div>
                                                      <ul>
                                                        <li><a href="">重点旅客预约</a></li>
                                                        <li><a href="">遗失物品查找</a></li>
                                                      </ul>
                                                    </div>
                                                    <div>
                                                      <ul>
                                                        <li><a href="">便民托运</a></li>
                                                        <li><a href="">动车组介绍</a></li>
                                                      </ul>
                                                    </div>
                                                    <div>
                                                      <ul>
                                                        <li><a href="">共享汽车</a></li>
                                                        <li><a href="">定制接送</a></li>
                                                      </ul>
                                                    </div>
                                                    <div>
                                                      <ul>
                                                        <li><a href="">车站引导</a></li>
                                                        <li><a href="">站车风采</a></li>
                                                      </ul>
                                                    </div>
                                              </div>
    
                                       </div>
                                       <div class="titleBarseven"> 
                                               
                                               <div class="titleBarsevens"> 
                                                     <div>
                                                         <ul>
                                                           <li><a href="">餐饮•特产</a></li>
                                                         </ul>
                                                     </div>
                                                     <div> 
                                                         <ul>
                                                           <li><a href="">旅游</a></li>
                                                         </ul>
                                                     </div>
                                                     <div>
                                                         <ul>
                                                           <li><a href="">保险</a></li>
                                                         </ul>
                                                     </div>
                                               </div>



                                       </div>
                                       <div class="titleBarsix">
                                         
                                                     <div class="titleBarsixs">
                                                            <div>
                                                                 <ul>
                                                                    <li>常见问题</li>
                                                                    <li><a href="">车票</a></li>
                                                                    <li><a href="">改签、变更到站</a></li>
                                                                    <li><a href="">更多>></a></li>
                                                                 </ul>
                                                            </div>
                                                            <div>
                                                                 <ul>
                                                                   <li></li>
                                                                   <li><a href="">购票</a></li>
                                                                   <li><a href="">退票</a></li>
                                                                 </ul>
                                                            </div>
                                                            <div>
                                                                <ul>
                                                                  <li>旅客须知</li>
                                                                  <li><a href="">铁路电子客票</a></li>
                                                                  <li><a href="">更多>></a></li>
                                                                </ul>
                                                            </div>
                                                            <div>
                                                                <ul>
                                                                   <li></li>
                                                                   <li><a href="">身份核验</a></li>
                                                                </ul>
                                                            </div>
                                                            <div>
                                                                 <ul>
                                                                   <li>相关章程</li>
                                                                   <li><a href="">铁路互联网售票暂行办法</a></li>
                                                                   <li><a href="">铁路进站乘车禁止和限制..</a></li>
                                                                   <li><a href="">更多>></a></li>
                                                                 </ul>
                                                            </div>
                                                            <div>
                                                                 <ul>
                                                                    <li></li>
                                                                    <li><a href="">铁路旅客运输规程</a></li>
                                                                    <li><a href="">铁路旅客运输规程</a></li>
                                                                 </ul>
                                                            </div>
                                                     </div>
    
                                       </div>
                                       <div class="titleBarEight">
                                             <div class="titleBarEights">
                                                   <div>
                                                        <ul>
                                                          <li>常用查询</li>
                                                          <li><a href="">正晚点</a></li>
                                                          <li><a href="">天气</a></li>
                                                        </ul>
                                                   </div>
                                                   <div>
                                                        <ul>
                                                          <li></li>
                                                          <li><a href="">时刻表</a></li>
                                                          <li><a href="">交通查询</a></li>
                                                        </ul>
                                                   </div>
                                                   <div>
                                                        <ul>
                                                            <li></li>
                                                            <li><a href="">公布票价</a></li>
                                                            <li><a href="">代售点</a></li>
                                                        </ul>
                                                   </div>
                                                   <div>
                                                        <ul>
                                                          <li></li>
                                                          <li><a href="">检票口</a></li>
                                                          <li><a href="">客服电话</a></li>
                                                        </ul>
                                                   </div>
                                                   <div>
                                                        <ul>
                                                          <li></li>
                                                          <li><a href="">起售时间</a></li>
                                                          <li><a href="">列车状态</a></li>
                                                        </ul>
                                                   </div>
                                                   <div>
                                                        <ul>
                                                          <li></li>
                                                          <li><a href="">最新发布</a></li>
                                                          <li><a href="">信用信息</a></li>
                                                        </ul>
                                                   </div>
                                             </div>
                                       </div>
                                                            
         </div>

</body>

  <script>
          $(".ticket").hover(
            function () {
              $(".titleBarTwo").css("display","block");
            },
           function () {
              $(".titleBarTwo").css("display","none");
           }
          );
          $(".titleBarTwos").hover(
            function () {
              $(".titleBarTwo").css("display","block");
            },
           function () {
              $(".titleBarTwo").css("display","none");
           }
          );
          $(".serv").hover(
            function () {
              $(".titleBarThree").css("display","block");
            },
           function () {
              $(".titleBarThree").css("display","none");
           }
          );
          $(".titleBarThrees").hover(
            function () {
              $(".titleBarThree").css("display","block");
            },
           function () {
              $(".titleBarThree").css("display","none");
           }
          );
          $(".membership").hover(
            function () {
              $(".titleBarFour").css("display","block");
            },
           function () {
              $(".titleBarFour").css("display","none");
           }
          );
          $(".titleBarFours").hover(
            function () {
              $(".titleBarFour").css("display","block");
            },
           function () {
              $(".titleBarFour").css("display","none");
           }
          );
           $(".station").hover(
            function () {
              $(".titleBarfive").css("display","block");
            },
           function () {
              $(".titleBarfive").css("display","none");
           }
          );
           $(".titleBarfives").hover(
            function () {
              $(".titleBarfive").css("display","block");
            },
           function () {
              $(".titleBarfive").css("display","none");
           }
          );
          $(".business").hover(
            function () {
              $(".titleBarseven").css("display","block");
            },
           function () {
              $(".titleBarseven").css("display","none");
           }
          );
          $(".titleBarsevens").hover(
            function () {
              $(".titleBarseven").css("display","block");
            },
           function () {
              $(".titleBarseven").css("display","none");
           }
          );
          $(".travel").hover(
            function () {
              $(".titleBarsix").css("display","block");
            },
           function () {
              $(".titleBarsix").css("display","none");
           }
          );
          $(".titleBarsixs").hover(
            function () {
              $(".titleBarsix").css("display","block");
            },
           function () {
              $(".titleBarsix").css("display","none");
           }
          );
          $(".information").hover(
            function () {
              $(".titleBarEight").css("display","block");
            },
           function () {
              $(".titleBarEight").css("display","none");
           }
          );
          $(".titleBarEights").hover(
            function () {
              $(".titleBarEight").css("display","block");
            },
           function () {
              $(".titleBarEight").css("display","none");
           }
          );
          $(".NewMy").hover(
            function () {
              $(".My12306").css("display","block");
            },
           function () {
              $(".My12306").css("display","none");
           }
          );
          $(".My12306s").hover(
            function () {
              $(".My12306").css("display","block");
            },
           function () {
              $(".My12306").css("display","none");
           }
          );
          $(".Newlanguage").hover(
            function () {
              $(".language").css("display","block");
            },
           function () {
              $(".language").css("display","none");
           }
          );
          $(".languages").hover(
            function () {
              $(".language").css("display","block");
            },
           function () {
              $(".language").css("display","none");
           }
          );
           $(".n_arrow").parents("li").mouseover(function(){
                  $(this).find($(".n_arrow")).css("animation","boxIn 0.5s  ease-in forwards");
                  $(this).css("backgroundColor","#2676E3");
          })


          $(".n_arrow").parents("li").mouseout(function(){
                 $(this).find($(".n_arrow")).css("animation","boxout 0.5s  ease-in forwards");
                 $(this).css("backgroundColor","#3B99FC")
          })


/* 实现English下拉单  显示*/
$("#Englishs").mouseenter(function(){
    $("#EnglishSlide").show(1).slideDown(1).fadeIn();

})

$("#Englishs").mouseleave(function(){
    $("#EnglishSlide").hide(1).slideUp(1).fadeOut();
})


/* 实现我的12306下拉单  显示*/
$("#myslide").mouseenter(function(){
    $("#my12306").show(1).slideDown(1).fadeIn();
})

$("#myslide").mouseleave(function(){
    $("#my12306").hide(1).slideUp(1).fadeOut();
})


$(function(){
	searchTrain();
});

function searchTrain(){
	var depart  = $("input[name='depart']").val(); //获取 输入框中的姓名
	var destination  = $("input[name='destination']").val(); //获取 输入框中的身份证
	var depart_data  = $("input[name='depart_data']").val(); //获取 输入框中的姓名
	var return_data  = $("input[name='return_data']").val(); //获取 输入框中的身份证
	$.ajax({
		url:"/12306/TrainServlet",
		type:"post",
		data:{
			"depart":depart,
			"destination":destination,
			"depart_data":depart_data,
			"return_data":return_data
		},
		

		success:function(data){
			console.log(data);
		}
	})

};
  </script>
</html>